import React from 'react'
import {Layout} from 'antd'
import HeaderDropdown from "./CommonLayout/HeaderDropdown.js"
import styles from './CommonLayout/CommonLayout.less'
const {Header,Content,Footer} = Layout;

export default class LoginLayout extends React.Component{
	render(){
		return (
			<Layout className={styles.antLayout}>				
				<Header className={styles.header}>  
					<HeaderDropdown />
				</Header>			
				<Content className={styles.content}>			
                    {this.props.children}
				</Content>
				<Footer className={styles.antLayoutFooter} style={{ textAlign: 'center' }}>
					China Unionpay©2018 Created by SKY D.
				</Footer>
			</Layout>			
		)
	}
}
/**
 * 布局的思维使用插槽，react没有插槽的概念，this.props.childred包含子内容的一切信息，默认仅支持默认插槽，
 *      如果想要实现命名插槽则需要使用另外一种写法
 */